<!DOCTYPE html>
<html lang="zh-CN"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>用户中心 - MxsDoc</title>
	<script type="text/javascript" src="lang/ch.js"></script>
	<link href="css/logo/logo.css" rel="stylesheet">    
    <link href="static/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="static/font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <link href="static/webuploader/webuploader.css" rel="stylesheet">
    <link href="static/cropper/cropper.min.css" rel="stylesheet">
    <link href="css/main.css" rel="stylesheet">
</head>
<body>
<div class="manual-reader">
    <header class="navbar navbar-static-top navbar-fixed-top manual-header" role="banner">
    <div class="container">
        
        <div class="navbar-header col-sm-12 col-md-9 col-lg-8">
            <a href="/DocSystem" class="navbar-brand" title="MxsDoc">
            	<i class="logo small"></i> 
            	MxsDoc
            </a>
            <nav class="collapse navbar-collapse col-sm-10">
                <!-- <ul class="nav navbar-nav">
                    <li>
                        <a href="/DocSystem" title="首页">首页</a>
                    </li>
                    <li>
                        <a href="http://doc.iminho.me/tags" title="标签">标签</a>
                    </li>
                </ul>
                <div class="searchbar pull-left visible-lg-inline-block visible-md-inline-block">
                    <form class="form-inline" action="http://doc.iminho.me/search" method="get">
                        <input class="form-control" name="keyword" type="search" style="width: 230px;" placeholder="请输入关键词..." value="">
                        <button class="search-btn">
                            <i class="fa fa-search"></i>
                        </button>
                    </form>
                </div>
                 -->
            </nav>

            <div class="btn-group dropdown-menu-right pull-right slidebar visible-xs-inline-block visible-sm-inline-block">
                <button class="btn btn-default dropdown-toggle hidden-lg" type="button" data-toggle="dropdown"><i class="fa fa-align-justify"></i></button>
                <ul class="dropdown-menu" role="menu">
                    <li><a href="/DocSystem/web/myHostPage.html" title="个人中心"> 个人中心</a></li>
					<li><a href="/DocSystem/web/reposManager.html" title="管理后台"> 管理后台</a></li>
                    <li><a onclick="logout()" title="退出登录"> 退出登录</a></li>
                </ul>
            </div>
        </div>
        
        <nav class="navbar-collapse hidden-xs hidden-sm" role="navigation">
            <ul class="nav navbar-nav navbar-right">
                <li id="userImgDiv" style="display:none"><img id="userImg" name="userImg" width="40px" height="40px" src="images/default/defaultHeadPic.png" onerror="UserImgErrHandler();" class="img-circle m5"/></li>
				<li id="userInfoDiv" style="display:none">
					<a href="" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><span>Rainy</span><span class="caret"></span></a>
					<ul class="dropdown-menu" role="menu">
						<li><a href="/DocSystem/web/myHostPage.html">个人中心</a></li>
						<li><a href="/DocSystem/web/reposManager.html">仓库管理</a></li>
						<li><a onclick="logout()">退出登录</a></li>
					</ul>
				</li>
				<li id="loginBtn">
                     <a onclick="showLoginPanel()"  title="用户登录">登录</a>
                </li>          
            </ul>
        </nav>
        
    </div>
</header>
    <div class="container manual-body">
        <div class="row">
            <div id="menu" class="page-left"  style="display:none">
                <ul class="menu">
                    <li id="myInfoTag" class="active"><a href="/DocSystem/web/myHostPage.html" class="item"> 基本信息</a> </li>
                    <li id="passwordTag"><a href="/DocSystem/web/myHostPage.html?toHref=password" class="item"> 修改密码</a> </li>  
                </ul>
            </div>
            <div id="myInfo" class="page-right" style="display:none">
                <div class="m-box">
                    <div class="box-head">
                        <strong class="box-title">基本信息</strong>
                    </div>
                </div>
                <div class="box-body" style="padding-right: 200px;">
                    <div class="form-left">
                        <div id="memberInfoForm">
                            <div class="form-group">
                                <label>用户名</label>
                                <input type="text" class="form-control disabled" value="" id="name" name="name" disabled="" placeholder="用户名">
                            </div>
                            <div class="form-group">
                                <label>昵称<strong class="text-danger">*</strong></label>
                                <input type="text" class="form-control" value="" id="nickName" name="nickName" max="100" placeholder="昵称">
                            </div>
                            <div class="form-group">
                                <label>真实姓名</label>
                                <input type="text" id="realName" name="realName" class="form-control" value="" placeholder="真实姓名">
                            </div>
                            <div class="form-group">
                                <label class="description">描述</label>
                                <textarea class="form-control" rows="3" title="描述" name="userIntro" id="userIntro" maxlength="500"></textarea>
                                <p style="color: #999;font-size: 12px;">描述不能超过500字</p>
                            </div>
                            <div class="form-group">
                                <button onclick="UpdateUserInfo();" class="btn btn-success" data-loading-text="保存中...">保存修改</button>
                                <span id="form-error-message" class="error-message"></span>
                            </div>
                        </div>
                    </div>
                    <div class="form-right">
                        <label>
                            <a href="" data-toggle="modal" data-target="#upload-logo-panel">
                                <img src="images/default/defaultHeadPic.png" onerror="this.src=&#39;images/default/defaultHeadPic.png&#39;" class="img-circle" alt="头像" style="max-width: 120px;max-height: 120px;" id="headimgurl">
                            </a>
                        </label>
                    </div>
                </div>
            </div>
            <div id="password" class="page-right"   style="display:none">
                <div class="m-box">
                    <div class="box-head">
                        <strong class="box-title">修改密码</strong>
                    </div>
                </div>
                <div class="box-body" style="width: 300px;">
                    <div id="securityForm">
                        <div class="form-group">
                            <label for="password1">原始密码</label>
                            <input type="password" name="password1" id="password1" class="form-control disabled" placeholder="原始密码">
                        </div>
                        <div class="form-group">
                            <label for="password2">新密码</label>
                            <input type="password" class="form-control" name="password2" id="password2" max="50" placeholder="新密码">
                        </div>
                        <div class="form-group">
                            <label for="password3">确认密码</label>
                            <input type="password" class="form-control" id="password3" name="password3" placeholder="确认密码">
                        </div>
                        <div class="form-group">
                            <button onclick="ModifyPassword();" class="btn btn-success" data-loading-text="保存中...">保存修改</button>
                            <span id="form-error-message" class="error-message"></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer">
</div>
</div>

<div class="modal fade" id="upload-logo-panel" tabindex="-1" role="dialog" aria-labelledby="修改头像" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
                <h4 class="modal-title">修改头像</h4>
            </div>
            <div class="modal-body">
                <div class="wraper">
                    <div id="image-wraper">

                    </div>
                </div>
                <div class="watch-crop-list">
                    <div class="preview-title">预览</div>
                    <ul>
                        <li>
                            <div class="img-preview preview-lg"></div>
                        </li>
                        <li>
                            <div class="img-preview preview-sm"></div>
                        </li>
                    </ul>
                </div>
                <div style="clear: both"></div>
            </div>
            <div class="modal-footer">
                <span id="error-message"></span>
                <div id="filePicker" class="btn webuploader-container">
                	<span>选择</span>
                	<div id="rt_rt_1cb9565paje91c8s4b9hid14sr1" style="position: absolute; top: 0px; left: 0px; width: 77px; height: 40px; overflow: hidden; bottom: auto; right: auto;">
                		<input type="file" capture="camera" name="file" class="webuploader-element-invisible" multiple="multiple" accept="image/jpg,image/jpeg,image/png">
                		<label style="opacity: 0; width: 100%; height: 100%; display: block; cursor: pointer; background: rgb(255, 255, 255);"></label>
                	</div>
                </div>
                <button type="button" id="saveImage" class="btn btn-success" style="height: 40px;width: 77px;" data-loading-text="上传中...">上传</button>
            </div>
        </div>
    </div>
</div>
    
<script src="static/scripts/jquery.min.js" type="text/javascript"></script>
<script src="static/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<script src="static/webuploader/webuploader.min.js" type="text/javascript"></script>
<script src="static/cropper/cropper.min.js" type="text/javascript"></script>
<script src="static/scripts/jquery.form.js" type="text/javascript"></script>
<script src="js/main.js" type="text/javascript"></script>
<script type="text/javascript" src="static/bootstrapQ/qiao.js"></script>
<script src="js/logon.js" type="text/javascript"></script>
<script src="js/md5.js"></script>
<script type="text/javascript" src="myHostPage.js"></script>

</body></html>